浏览器不同，它们显示页面或者排版就会有些许差异，所以需要一套标准来规范。

主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

Web标准提出的最佳体验方案：结构、样式、行为相分离。

简单理解为标签的含义，这个标签是用来干什么的？在合适的地方用合适的标签，可以让页面结构更加清晰。

HTML提供了六个等级的标题标签，即 ~

标签

用于定义段

div和 span标签是没有语义的，它们就是一个盒子，用来装内容的。

div 是 division 的缩写，表示分区、分割。span意为跨度、跨距。

特点

1、它是单标签，image的缩写。

src 是 image 标签的必需属性，用于指定图像文件的路径和文件名。

img标签的其他属性：

图像标签属性注意点：

2、路径

相对路径：以引用文件所在位置为参考基础而建立的目录路径。

简单来说，就是图片相对于HTML页面的位置。

绝对路径

是指目录下的绝对路径，直接到达目标位置，通常是从盘符开始的路径。

例如："D:\***\123.jpg"

标签用于定义超链接，作用是从一个页面链接到另一个页面。

语法格式

链接分类

外部链接：地址必须以 http://开头。

内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可。

空链接：没有确定链接目标时

下载链接：如果 href 里面地址是一个文件或者压缩包，点击就会下载这个文件。

网页元素链接：各种网页元素例如文本、图像、表格、音频等都可以添加超链接。

锚点链接：点击链接可以快速定位到页面中的某个位置。

设置链接文本的属性 href 为 #名字 的形式，如：

找到目标位置标签，并添加一个 id 属性 = 上面命名的名字，如：

表格的主要作用

用于显示、展示数据，提高数据的可读性。

表格的基本语法

表头单元格标签

一般位于表格的第一行或第一列，里面的文本内容会加粗居中显示。

th 标签表示 HTML 表格的表头部分（ table head ）

表格属性

实际开发中并不常使用，后面通过CSS来设置。

当表格很长时，为了更好的表示单元格的语义，可以将表格分割成表格头部和表格主体两大部分。用 thead 表示头部区域、 tbody 表示主体区域 。

合并单元格

特殊情况下，把多个单元格合并成一个单元格

合并单元格的方式

目标单元格

合并单元格的步骤

确定跨行还是跨列

找到目标单元格，写上 ：合并方式 = 合并单元格的数量，如:

表格是用来显示数据的，列表是用来布局的，因为它最大的特点就是整齐有序。分为无序列表、有序列表和自定义列表。

（做导航栏什么的一般用无序列表）

注意：

注意事项和无序列表基本一致，在实际开发中使用并不多。

使用场景：常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

注意：

表单的目的是为了收集用户信息。

在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分构成。

表单域 包含表单元素的区域，在HTML中，标签用于定义表单域，以实现用户信息的收集和传递。会把它范围内的表单元素提交给服务器。

常用属性：

​

表单控件（表单元素）

type属性值：

除 type 属性外，标签还有其他很多属性，常用属性如下：

注意：

为 input 元素定义标签，用于绑定一个表单元素，当点击标签内的文本时，浏览器会自动将焦点（光标）转到或者选择到对应的表单元素上，用来增加用户体验。

核心：标签的 for 属性要与相关元素的 id 属性相同。

**使用场景：**有多个选择项并且想要节约页面空间。

注意：

**使用场景：**当输入内容较多的情况下，可以使用标签，常见于留言板、评论。

特殊字符

记住三个，其余的自行查阅：